@import '../../../@theme/styles/themes';

@include nb-install-component() {
  $margin: 0.8rem;
  $marginBtm: -4px;

  /deep/ .ui-table-scrollable-header-box{
    margin-right:5px !important;
  }

  /deep/ .ui-state-default{
    background:#e4e4e4;
    border:0px;
  }

  /deep/ .ui-state-active{
    background:orange;
    border:0px;
  }

  /deep/ .ui-button{
    border-radius:10px;
    margin-right:10px;
    border:0px;
    padding:2px 9px 2px 9px;
  }

  /deep/ .ui-button-text{
    padding:0px !important;
  }

  .info{
    width:30%;
    float:left;
    margin-top:6px;
  }

  .tip_1{
    background: #4d6ac8;
    color: #fff;
    text-align: center;
    width:72%;
    margin: 0px auto;
    padding:5px 10px 5px 10px;
    margin-bottom:$marginBtm;
  }

  .tip_2{
    margin-bottom:$marginBtm;
    height:30px;
  }

  .tip_2 ul li{
    float:left;
    list-style: none;
    background: #dfe5fd;
    margin-right: 7px;
    padding:5px 10px 5px 10px;
    border-radius: 7px;
    width:180px;
  }

  .tip_3{
    width:92%;
    margin: 0px auto;
    margin-top:9px;
    padding:7px 10px 7px 10px;
    background: #dfe5fd;
    text-align: center;
    font-size:13px;
  }

  .tip_3 table{
    width:95%;
    margin:0px auto;
  }

  .tip_3 th{
    font-weight: lighter;
  }

  .odTable{
    width:70%;
    float:left;
  }

  .odTable tr,.odTable th,.odTable td{
    padding:0.4em 0.5em
  }

  nb-card {
    overflow: hidden;
    margin-right: $margin;
  }

  .a-icon-magin{
    margin-right: $margin;
  }
}
